<template>
  <a-layout class="h-[100vh]">
  <scaffold-side></scaffold-side>
    <a-layout>
      <scaffold-header></scaffold-header>
      <scaffold-content></scaffold-content>
      <footer class="absolute bottom-0 footer" id="footer"></footer>
    </a-layout>
  </a-layout>
</template>

<script lang="ts" setup>
  import ScaffoldSide from './components/side/index.vue'
  import ScaffoldHeader from './components/header/index.vue'
  import ScaffoldContent from './components/content/index.vue'


</script>

<style lang="less" scoped>
.footer{
  width: calc(100% - 200px);
  min-width: 1240px;
}
</style>
